import "./index.less";
import React, { useState } from "react";
import { View } from "@tarojs/components";
import {
  Cell,
  Button,
  Image,
  RadioGroup,
  Radio,
} from "@nutui/nutui-react-taro";

function Demo() {
  const [value, setValue] = useState("option1");
  return (
    <RadioGroup value={value} onChange={(val) => setValue(val)}>
      <Radio value="option1">
        <span style={{ color: "#666666" }}>
          已阅读并同意《服务条款》、若您的手机号未注册，将为您直接注册账号
        </span>
      </Radio>
      <View
        style={{ marginLeft: "20px", fontSize: "12px", color: "#666666" }}
      ></View>
    </RadioGroup>
  );
}
function Recipe() {
  return (
    <Cell className="login_inner">
      <View className="login_top">
        <View className="login_left">
          <View className="login_txt">欢迎登录</View>
          <View className="login_tlt">炫视AI相机</View>
        </View>
        <Image
          className="login_img"
          src={require("@/assets/ibook.png")}
        ></Image>
      </View>
      <Button block type="primary" color="#FFD667" className="login_btn">
        手机号快捷登录
      </Button>
      <View style={{ marginLeft: "30px" }}>
        <Demo></Demo>
      </View>
    </Cell>
  );
}

function Login() {
  return (
    <View className="loginBox">
      <Recipe></Recipe>
    </View>
  );
}

export default Login;
